.progressbar-container
{
	border: 1px solid #666;
	position: relative;
	background-color: white;
}

.progressbar-bar
{
	/*border: 1px solid #999;*/
	left: 0;
	bottom: 0;
	background-color: #ccc;
	font-size: 8px;
	font-family: tahoma,sans-serif;
	text-align: center;
	position: absolute;
	overflow: hidden;
	color: white;
	text-shadow: 1px 1px 1px #000;
}

.progressbar-bar.horizontal
{
	right: 100%;
	top: 0;
	background: #b5bdc8; /* Old browsers */
	background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
	background: linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
}

.progressbar-bar.vertical
{
	right: 0;
	top: 100%;
	background: #b5bdc8; /* Old browsers */
	background: -moz-linear-gradient(left,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left right, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
	background: linear-gradient(left,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
}
